<template>
  <div id="app">
    <Header/>
    <RouterView/>
    <Footer/>
  </div>
</template>

<script>
import { RouterView } from 'vue-router';
import  Header from '@/components/Header.vue';
import Footer from '@/components/Footer.vue'
export default {
  name: 'app',
  components: {
    RouterView,
    Header,
    Footer
}
}
</script>

<style>
#app{
  display: flex;
  flex-direction: column;
}

body{
  margin: 0px;
}
</style>
